var mainPanel = Ext.getCmp('mainPanel');

CustomerGridUi = Ext.extend(Ext.grid.GridPanel, {
			title			: '客户信息',
			store			: 'CustomerStore',
			height			: mainPanel.getInnerHeight() * .8,
			stripeRows		: true,
			stateId			: 'CustomerGrid',
			stateful		: true,
			split			: true,
			sm				: new Ext.grid.CheckboxSelectionModel({}),
			viewConfig		: {
				forceFit	: true
			},
			initComponent	: function() {
				this.colModel = new Ext.grid.ColumnModel({
							defaults	: {
								sortable	: true
							},
							columns		: [
									new Ext.grid.CheckboxSelectionModel(), {
										header		: '名称',
										dataIndex	: 'name'
									}, {
										header		: '所有者',
										dataIndex	: 'ownership'
									}, {
										header		: '行业',
										dataIndex	: 'industry'
									}, {
										header		: '客户电话',
										dataIndex	: 'phoneOffice'
									}, {
										header		: '电话传真',
										dataIndex	: 'phoneFax'
									}]
						});
				this.tbar = {
					xtype	: 'toolbar',
					items	: [{
								xtype	: 'button',
								iconCls	: 'table-add',
								text	: '新增',
								handler	: this.addAction.createDelegate(this)
							}, {
								xtype	: 'button',
								iconCls	: 'table-delete',
								text	: '删除'
							}, {
								xtype	: 'button',
								iconCls	: 'table-multiple',
								text	: '合并重复'
							}, {
								xtype	: 'tbfill'
							}, {
								xtype	: 'button',
								iconCls	: 'page-white-excel',
								text	: '导出'
							}]
				};
				this.bbar = {
					xtype		: 'paging',
					store		: 'CustomerStore',
					displayInfo	: true
				};

				Ext.each(this.getColumnModel().config, function(item, idx) {
							if (idx != 1)
								item.menuDisabled = true;
							else
								item.hideable = false;
						});

				CustomerGridUi.superclass.initComponent.call(this);
			}
		});

CustomerStore = Ext.extend(Ext.data.JsonStore, {
			constructor	: function() {
				CustomerStore.superclass.constructor.call(this, {
							storeId		: 'CustomerStore',
							root		: 'data',
							url			: '../../pages/customer/data.json',
							autoLoad	: true,
							fields		: [{
										name	: 'name',
										type	: 'string'
									}, {
										name	: 'ownership',
										type	: 'string'
									}, {
										name	: 'industry',
										type	: 'string'
									}, {
										name	: 'phoneOffice',
										type	: 'string'
									}, {
										name	: 'phoneFax',
										type	: 'string'
									}]
						});
			}
		});

new CustomerStore();

SearchPanelUi = Ext.extend(Ext.TabPanel, {
	activeTab		: 0,
	plain			: true,
	initComponent	: function() {
		this.defaults = {
			autoScroll	: true
		};
		this.items = [{
			xtype		: 'panel',
			title		: '基本查询',
			bodyStyle	: '',
			items		: [{
						xtype		: 'form',
						labelWidth	: 100,
						labelAlign	: 'left',
						layout		: 'form',
						frame		: true,
						bodyStyle	: '',
						style		: 'margin: 5',
						items		: [{
									xtype	: 'container',
									autoEl	: 'div',
									layout	: 'column',
									items	: [{
												xtype		: 'container',
												autoEl		: 'div',
												layout		: 'form',
												columnWidth	: 0.33,
												defaults	: {
													xtype	: 'textfield',
													anchor	: '95%'
												},
												items		: [{
															fieldLabel	: '名称'
														}, {
															fieldLabel	: '付款地址'
														}]
											}, {
												xtype		: 'container',
												autoEl		: 'div',
												layout		: 'form',
												defaults	: {
													xtype	: 'textfield',
													anchor	: '95%'
												},
												columnWidth	: 0.33,
												items		: [{
															fieldLabel	: '[付款地址]城市'
														}, {
															xtype		: 'checkbox',
															fieldLabel	: 'Label',
															boxLabel	: '只显示我的记录',
															anchor		: '100%',
															hideLabel	: true
														}]
											}, {
												xtype		: 'container',
												autoEl		: 'div',
												layout		: 'form',
												defaults	: {
													xtype	: 'textfield',
													anchor	: '95%'
												},
												columnWidth	: 0.33,
												items		: [{
															fieldLabel	: '客户电话'
														}]
											}]
								}],
						buttons		: [{
									text	: '保存'
								}, {
									text	: '重置'
								}]
					}]
		}, {
			xtype	: 'panel',
			title	: '高级查询',
			items	: [{
				xtype		: 'form',
				labelWidth	: 100,
				labelAlign	: 'left',
				layout		: 'form',
				frame		: true,
				bodyStyle	: '',
				style		: 'margin: 5',
				items		: [{
					xtype	: 'container',
					autoEl	: 'div',
					layout	: 'column',
					items	: [{
						xtype		: 'container',
						autoEl		: 'div',
						layout		: 'form',
						defaults	: {
							xtype	: 'textfield',
							anchor	: '95%'
						},
						columnWidth	: 0.33,
						items		: [{
									fieldLabel	: '名称'
								}, {
									fieldLabel	: '网站'
								}, {
									fieldLabel	: '年收益'
								}, {
									fieldLabel	: '邮编'
								}, {
									fieldLabel	: '标准行业代码'
								}, {
									xtype		: 'multiselect',
									fieldLabel	: '类型',
									name		: 'multiselect',
									width		: 190,
									store		: [
											[123, 'One Hundred Twenty Three'],
											['1', 'One'], ['2', 'Two'],
											['3', 'Three'], ['4', 'Four'],
											['5', 'Five'], ['6', 'Six'],
											['7', 'Seven'], ['8', 'Eight'],
											['9', 'Nine']]
								}]
					}, {
						xtype		: 'container',
						autoEl		: 'div',
						layout		: 'form',
						columnWidth	: 0.33,
						defaults	: {
							xtype	: 'textfield',
							anchor	: '95%'
						},
						items		: [{
									fieldLabel	: '任何地址'
								}, {
									fieldLabel	: '城市'
								}, {
									fieldLabel	: '省份'
								}, {
									fieldLabel	: '国家'
								}, {
									fieldLabel	: '评价'
								}, {
									xtype		: 'multiselect',
									fieldLabel	: '类型',
									name		: 'multiselect',
									width		: 190,
									store		: [
											[123, 'One Hundred Twenty Three'],
											['1', 'One'], ['2', 'Two'],
											['3', 'Three'], ['4', 'Four'],
											['5', 'Five'], ['6', 'Six'],
											['7', 'Seven'], ['8', 'Eight'],
											['9', 'Nine']]
								}]
					}, {
						xtype		: 'container',
						autoEl		: 'div',
						layout		: 'form',
						columnWidth	: 0.33,
						defaults	: {
							xtype	: 'textfield',
							anchor	: '95%'
						},
						items		: [{
									fieldLabel	: '任何电话'
								}, {
									fieldLabel	: '任何电子邮件'
								}, {
									fieldLabel	: '员工'
								}, {
									fieldLabel	: '股票代码'
								}, {
									fieldLabel	: '所有者'
								}, {
									xtype		: 'multiselect',
									fieldLabel	: '行业',
									name		: 'multiselect',
									width		: 190,
									store		: [
											[123, 'One Hundred Twenty Three'],
											['1', 'One'], ['2', 'Two'],
											['3', 'Three'], ['4', 'Four'],
											['5', 'Five'], ['6', 'Six'],
											['7', 'Seven'], ['8', 'Eight'],
											['9', 'Nine']]
								}]
					}]
				}],
				buttons		: [{
							text	: '保存'
						}, {
							text	: '重置'
						}]
			}]
		}];
		SearchPanelUi.superclass.initComponent.call(this);
	}
});

CustomerFormUi = Ext.extend(Ext.form.FormPanel, {
	id				: 'CustomerForm',
	closable		: true,
	title			: '客户信息',
	style			: 'margin:5px',
	labelWidth		: 80,
	layout			: 'form',
	frame			: true,
	autoHeight		: true,
	autoWidth		: true,
	initComponent	: function() {
		this.items = [{
					xtype	: 'fieldset',
					title	: '基本信息',
					layout	: 'form',
					items	: [{
								xtype	: 'container',
								autoEl	: 'div',
								layout	: 'column',
								items	: [{
											xtype		: 'container',
											autoEl		: 'div',
											layout		: 'form',
											columnWidth	: 0.5,
											items		: [{
														xtype		: 'textfield',
														fieldLabel	: '名称',
														name		: 'name',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '网站',
														name		: 'website',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '股票代码',
														name		: 'tickerSymbol',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '上级单位',
														name		: 'member',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '所有者',
														name		: 'ownership',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '行业',
														name		: 'industry',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '类型',
														name		: 'accountType',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '市场活动',
														name		: 'campaign',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '负责人',
														name		: 'assignedUser',
														anchor		: '95%'
													}]
										}, {
											xtype		: 'container',
											autoEl		: 'div',
											layout		: 'form',
											columnWidth	: 0.5,
											items		: [{
														xtype		: 'textfield',
														fieldLabel	: '客户电话',
														name		: 'phoneOffice',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '电话传真',
														name		: 'phoneFax',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '其它电话',
														name		: 'phoneAlternate',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '员工',
														name		: 'employees',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '评价',
														name		: 'rating',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '标准行业代码',
														name		: 'sicCode',
														anchor		: '95%'
													}, {
														xtype		: 'textfield',
														fieldLabel	: '年收益',
														name		: 'annualRevenue',
														anchor		: '95%'
													}]
										}]
							}]
				}, {
					xtype	: 'fieldset',
					title	: '地址信息',
					layout	: 'form',
					items	: [{
						xtype	: 'container',
						autoEl	: 'div',
						layout	: 'column',
						items	: [{
									xtype		: 'container',
									autoEl		: 'div',
									layout		: 'form',
									columnWidth	: 0.5,
									items		: [{
												xtype		: 'textfield',
												fieldLabel	: '付款地址',
												name		: 'billingStreet',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '城市',
												name		: 'billingCity',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '省份',
												name		: 'billingState',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '邮编',
												name		: 'billingPostalcode',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '国家',
												name		: 'billingCountry',
												anchor		: '95%'
											}]
								}, {
									xtype		: 'container',
									autoEl		: 'div',
									layout		: 'form',
									columnWidth	: 0.5,
									items		: [{
												xtype		: 'textfield',
												fieldLabel	: '收货地址',
												name		: 'shippingStreet',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '城市',
												name		: 'shippingCity',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '省份',
												name		: 'shippingState',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '邮编',
												name		: 'shippingPostalcode',
												anchor		: '95%'
											}, {
												xtype		: 'textfield',
												fieldLabel	: '国家',
												name		: 'shippingCountry',
												anchor		: '95%'
											}]
								}]
					}]
				}, {
					xtype	: 'fieldset',
					title	: '电子邮件信息',
					layout	: 'form',
					items	: [{
								xtype	: 'container',
								autoEl	: 'div',
								layout	: 'column',
								items	: [{
											xtype		: 'container',
											autoEl		: 'div',
											layout		: 'form',
											columnWidth	: 0.5,
											items		: [{
														xtype		: 'textfield',
														fieldLabel	: '电子邮件',
														name		: 'email',
														anchor		: '95%'
													}]
										}]
							}]
				}, {
					xtype	: 'fieldset',
					title	: '说明信息',
					layout	: 'form',
					items	: [{
								xtype	: 'container',
								autoEl	: 'div',
								layout	: 'column',
								items	: [{
											xtype		: 'container',
											autoEl		: 'div',
											layout		: 'form',
											columnWidth	: 1,
											items		: [{
														xtype		: 'textarea',
														fieldLabel	: '电子邮件',
														anchor		: '98%',
														name		: 'description',
														hideLabel	: true
													}]
										}]
							}]
				}];

		this.buttons = [{
					text	: '保存',
					handler	: this.saveAction.createDelegate(this)
				}, {
					text	: '重置'
				}];

		CustomerFormUi.superclass.initComponent.call(this);
	}
});
